#main {
    max-width: 64rem;
    margin: 0 auto;
}

#question-info {
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between; /* 将子元素分别放置在容器的两端 */
    flex-wrap: wrap; /* 允许子元素换行 */
    color: gray;
    & #question-author {
        flex: 1 0 auto; /* 让作者信息尽可能占据更多空间，但不缩小 */
        margin-right: 10px; /* 可选：为作者信息和时间信息之间添加一些间距 */
        white-space: nowrap; /* 防止作者名被折行 */
    }
    & #question-time {
        flex: 0 0 auto; /* 时间信息保持固定宽度，不拉伸也不缩小 */
        white-space: nowrap; /* 防止时间被折行 */
    }
}

/*.layui-timeline-item {*/
/*    border-top: gray 1px solid;*/
/*}*/

h3.layui-timeline-title {
    display: flex;
    justify-content: space-between; /* 将子元素分别放置在容器的两端 */
    flex-wrap: wrap; /* 允许子元素换行 */
    & .answer-username {
        flex: 1 0 auto; /* 让作者信息尽可能占据更多空间，但不缩小 */
        margin-right: 10px; /* 可选：为作者信息和时间信息之间添加一些间距 */
        white-space: nowrap; /* 防止作者名被折行 */
    }
    & .answer-time {
        color: gray;
        font-size: 0.9rem;
        font-weight: normal;
        flex: 0 0 auto; /* 时间信息保持固定宽度，不拉伸也不缩小 */
        white-space: nowrap; /* 防止时间被折行 */
    }
}